#topbar-div {
  position: absolute;
  float: top;
  top: 0;
  /* left: 6%; */
  width: 100%;
  height: 30px;
  background: #1874cd; /* #83AF9B */
  text-align: center;
  /* margin:0 auto; */
  /* align-items: center; */
}
.tab {
  position: relative;
  background: white;
  top: 74.5%;
  width: 100%;
  height: 25%;
  color: black;
}
nav {
  position: absolute;
  z-index: 4;
  float: left;
  top: 10%;
  left: 0%;
  margin: 0 auto;
}

/* main menu */
ul {
  padding: 0;
  margin: 0;
  /* height: 30px; */
  list-style-type: none;
}
ul li:hover {
  opacity: 0.8;
}
ul li,
ul li :visited {
  float: left;
  position: relative;
  color: white;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 150px;
}

/* second menu */
ul li ul {
  position: absolute;
  background: rgb(30, 118, 207); /* rgb(131, 175, 155) */
  display: none;
  padding: 2px;
}

ul li ul li ul{
  position: absolute;
  background:rgb(30, 118, 207); /* rgb(131, 175, 155) */
  display: none;
  padding: 2px;
  left: 151px;
  top:0;
}

ul li:hover ul {
  display: block;
}

ul li ul li:hover ul {
  display: block;
}

/* ul li ul li{          
  top: 10px;        
} */
ul li ul li:hover ul {
  display: block;
}

.Pontology:hover + .Eontology {
  top: -74px;
}
.tablabel {
  position: relative;
  left: 1%;
  color: black;
}
.openfile {
  display: none;
}

.disable:hover {
  opacity: 1;
  cursor: not-allowed;
}
#topbar-body {
  display: block;
  z-index: 0;
  position: absolute;
  float: top;
  top: 10%;
  width: 100%;
  height: 90%;
  text-align: center;
  background-color: white;
}
.user{
	position: absolute;
	float:right;
	right: 5%;
	color: white;
}
